<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<title>Welcome Adderis</title>
	<h:outputStylesheet library="default" name="css/form.css" />
</h:head>
<h:body>
	<h:form>
		<p:layout  style="padding: 8px; font-size: 16px !important; text-align: center;">
			<p:layoutUnit position="west" resizable="true" size="110"
				minSize="100" maxSize="200" >
				<p:commandButton action="#{userMB.logout}" value="Logout"
					ajax="false"></p:commandButton>
			</p:layoutUnit>

			<p:layoutUnit position="center">

				<!-- 			bare de menu -->


				<p:accordionPanel>
					<p:tab title="Godfather Part I">
						<h:panelGrid columns="2" cellpadding="10">
							<p:graphicImage name="demo/images/godfather/godfather1.jpg" />
							<h:outputText value="The story begins as Don Vito Corleone..." />
						</h:panelGrid>
					</p:tab>
					<p:tab title="Godfather Part II">
						<h:panelGrid columns="2" border="0">
							<p:row>

								<h:outputLabel for="name" value="Name : " />
								<p:inputText id="name" value="#{userMB.logon}" />
								<p:message id="nameMsg" for="name" display="icon" />

							</p:row>
							<p:row>
								<h:outputLabel for="password" value="Password : " />
								<p:password id="password" value="#{userMB.password}" />
								<p:message id="passwordMsg" for="password" display="icon" />
							</p:row>




						</h:panelGrid>
					</p:tab>
					<p:tab title="Godfather Part III">
						<h:panelGrid columns="2" cellpadding="10">
							<p:graphicImage name="demo/images/godfather/godfather3.jpg" />
							<h:outputText value="After a break of more than 15 years..." />
						</h:panelGrid>
					</p:tab>
				</p:accordionPanel>

			</p:layoutUnit>
		</p:layout>


	</h:form>
</h:body>

</html>